*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			a{
				text-decoration: none;
			}
			h1,h2,h3,h4,h5,h6{
				font-weight: 500;
			}
			ul{
				list-style: none;
			}
			#myMenu{
				position: fixed;
				width: 100px;
				right: 0;
				top: 200px;
				z-index: 10;
				list-style: none;
			}
			#myMenu li{	
				margin-top: 20px;
			}
			#myMenu a{
				color: #666;
				display: flex;
				align-items: center;
				font-size: 14px;
			}
			#myMenu b{
				width: 4px;
				height: 4px;
				border-radius: 100%;
				display: inline-block;
				background: #666;
				margin-left: 5px;
			}
			#myMenu .active a{
				color: #333;
				font-size: 16px;
				text-indent: -4px;
			}
			#myMenu .active b{
				width:4px;
				height: 4px;
				border: solid 1px #333;
				background: transparent;
			}
			.section1{
				background: url(../img/bg1.jpg) no-repeat 0px 0px/cover;
			}
			.container{
				width: 80%;
				max-width: 1300px;
				height: 100vh;
				margin: 0 auto;
				display: flex;
				justify-content:  space-between;
				align-items: center;
			}
			.container_bg{
				padding-left: 50px;
				
			}			
			.container_left{
				width: 48%;
				position: relative;
				left: 0px;
				top: 0;
				transition: all 1s 0.5s;
			}
			.container_right{
				width: 48%;
				position: relative;
				left: 0;
				top: 0;
				transition: all 1s 0.5s;
			}
			.section1 .container_left{
				left: -100%;				
			}
			.section1 .container_right{
				left: 100%;
			}	
			.section1.active .container_left,.section1.active .container_right{
				left: 0;
			}
			.section2 .container_left,.section2 .container_right{
				transform: scale(0,0);
				transition: all 1s;
			}
			.section2.active .container_left,.section2.active .container_right{
				transform: scale(1,1);
			}
			.section3 .container_left{
				top: 100vh;
				transition: all 1s 0.4s;
			}
			.section3 .container_right{
				top: 100vh;
				transition: all 1s 0.6s;
			}
			.section3.active .container_left,.section3.active .container_right{
				top: 0;
			}	
			.section4 .container_left,.section4 .container_right{
				transform: scale(0,0);
				transition: all 1s;
			}
			.section4.active .container_left,.section4.active .container_right{
				transform: scale(1,1);
			}	
			.section5 .container_left{
				left: -100%;				
			}
			.section5 .container_right{
				left: 100%;
			}	
			.section5.active .container_left,.section5.active .container_right{
				left: 0;
			}
			.container1_left{
				text-align: center;
				display: flex;				
				height: 100vh;
				align-items: flex-end;
				justify-content: center;
			}			
			.container1_left img{
				width: 70%;
			}			
			.container p{
				font-size: 16px;
				line-height: 2em;
				 color: #666;
			}
			.container1_right h1{
				color: rgb(55, 58, 65);
    			font-size: 70px;
    			margin: 20px 0px 50px;
			}
			@keyframes opacity1{
					0%{opacity: 1;}
					50%{opacity: 0.5;}
					100%{opacity: 1;}
				}
			.section.active .container1_right h1{
				animation: opacity1 1s linear infinite;
			}
			.container1_right a{
				display: block;
				width: 140px;
				height: 36px;				
				border-radius: 20px;
				text-align: center;
				line-height: 36px;				
				float: right;
				background: rgb(98,113,137);
				color: white;
			}
			.container1_right a:hover{
				background: white;
				color: rgb(102, 113, 137);
			}			
			.section2{
				background: rgb(250,250,250);
			}
			.section2 .container_bg{
				background: url(../img/10017.png) no-repeat 0px 0px/30px;
			}
			.section3 .container_bg{
				background: url(../img/10019.png) no-repeat 0px 0px/30px;
			}
			.section4 .container_bg{
				background: url(../img/10020.png) no-repeat 0px 0px/30px;
			}
			.section5 .container_bg{
				background: url(../img/10024.png) no-repeat 0px 0px/30px;
			}
			.line{
				border-top: solid 1px rgb(226,236,239);
				margin: 30px 0px 0px;
			}
			.info_title{
				display: flex;
				align-items: center;
				margin-top: 30px;
			}
			.info_title img{
				margin-right: 10px;
			}
			.experience_list{
				margin-top: 15px;
				color: #333;
			}
			bg_img{
				margin-top: 15px;
				padding-left: 32px;
				cursor: pointer;
			}
			.experience_list h4{
				margin-bottom: 10px;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
			.experience_list h6{
				font-size: 14px;
				margin: 5px 0px;
			}
			.experience_list p{
				font-size: 12px;
				color: #666;
			}
			.experience_info{
				display: none;
			}
			.arrows{
				width: 0px;
				height: 0px;
				border: solid 6px transparent;
				border-left: solid 6px #666;
				transition:all 0.5s;
				transform-origin: left center;
			}
			.content_title{
				display: flex;
				justify-content: flex-end;
			}
			.container2_right{
				overflow: hidden;
			}
			.container2_right img{
				width: 80%;
				float: right;
				margin-top: 30px;
			}
			.section2{
				background: url(../img/bg2.png) no-repeat 0px 0px/cover;
			}
			.section3{
				background: url(../img/bg3.jpg) no-repeat 0px 0px/cover;
			}
			.section3 .container_right p,.section4 .container_left p{
				margin-bottom: 30px;	
			}
			.section3 .content_title{
				justify-content: flex-start;
				margin-bottom: 30px;
			}
			.section3 .container_right .content_title{
				justify-content: flex-end;
			}
			.image_list{
				text-align: center;
				font-size: 0;
				margin: 40px 0px;
			}
			.image_list img{
				margin: 0px 2.5%;
				width: 20%;
				border-radius: 10px;
			}
			.more,.section5 .submit_btn{
				width: 136px;
				height: 36px;
				background: #667189;
				display: inline-block;
				text-align: center;
				color: white;
				line-height: 36px;
				border-radius: 18px;
				float: right;
			}
			.section4 .container_left p:nth-child(2){
				margin-bottom: 30px;
				margin-top: 0;
			}
			.section5 .submit_btn{
				float: left;
			}
			.photo_list{
				display: flex;
				justify-content: space-between;
			}
			.photo_list li{
				width: 45%;
				text-align: center;				
			}
			.section.active .photo_list li{
				animation: imgscale 4s linear infinite;
			}
			.section.active .photo_list li:last-child{
				animation: imgscale2 4s linear infinite;
			}
			.photo_list li:last-child{
				margin-top:24% ;
			}
			.photo_list img{
				width: 100%;				
			}
			@keyframes imgscale{
				0%{transform: scale(1,1);}
				50%{transform: scale(0.9,0.9);}
				100%{transform: scale(1,1);}
			}
			@keyframes imgscale2{
				0%{transform: scale(0.9,0.9);}
				50%{transform: scale(1,1);}
				100%{transform: scale(0.9,0.9);}
			}
			.section4{
				background: rgb(250,250,250) url(../img/bg4.png) no-repeat 0px 0px/cover;
			}
			.section4 .content_title{
				margin-top: 100px;
			}
			.section4 .container_right p{
				margin-left: 32px;
			}
			.section5{
				background: rgb(253,253,253) url(../img/bg5.png) no-repeat 0px 0px/cover;
			}
			.section5 .container_left .content_title{
				margin-bottom: 30px;
				justify-content: flex-start;
			}
			.section5 input,.section5 textarea{
				height: 52px;
				border: none;
				outline: none;
				background: rgb(237,245,247);
				width: 100%;
				margin: 0px 0px 15px;
				text-indent: 10px;
			}
			.section5 textarea{
				max-width: 100%;
				min-width: 100%;
				height: 80px;
				padding-top: 20px;
			}
			.section5 .container_right p{
				margin-bottom: 15px;
			}			
			.signature{
				text-align: right;
			}
			.signature img{
				width: 150px;
				margin: 20px 0px;
			}
			.signature p{
				font-size: 14px;
				color: #999;
			}
			.about_me{
				display: none;
			}
			.container4_left img{
				display: none;
			}
			.section4.active .container4_right img{
				animation:imgrotate 10s linear infinite ;
			}
			@keyframes imgrotate{
				from{transform: rotate(0deg);}
				to{transform: rotate(360deg);}
			}
			@media  screen  and (max-width: 640px) {
				#myMenu{
					display: none;
				}
				.container {
					width: 90%;
					display: flex;
					flex-direction: column;
					justify-content: center;
				}
				.container p {
				    font-size: 15px;
				    line-height: 2em;
				   
				}
				.container_left {
					width: 100%;
				}
				.container_right {
					width: 100%;
				}
				.container1_left{
					height: auto;
				}
				.container1_left img{
					width: 50%;
					margin-bottom: 20px;
				}
				.container1_right h1{
					font-size: 30px;
					margin: 20px 0px;
				}				
				
				.container1_right{
					text-align: center;
					display: block;
				}
				.container1_right a{
					float: none;
					display: block;
					margin: 0 auto;
				}
				.section2 .container2_left{
					padding: 0;
					background: none;
				}
				.content_title{
					display: none;
				}
				.container2_right{
					display: none;
				}
				.about_me{
					display: block;
					margin-bottom: 20px;
				}
				.line{
					margin: 20px 0px 0px;
				}
				.info_title{
					margin-top: 20px;
				}
				.experience_list p {
				    font-size: 12px;
				}
				.info_title h3{
					font-size: 16px;
				}
				.experience_list h4{
					font-size: 14px;
				}
				.experience_list {
				    margin-top: 10px;
				}
				.experience_list li{
					margin-top: 10px;
					color: #333;
				}
				.photo_list{
					margin-bottom: 15px;
				}
				.photo_list li:last-child{
					margin-top: 0;
				}
				.section3 .container3_right{
					padding: 0;
					background: none;
				}
				.image_list{
					display: none;
				}
				.more{
					display: none;
				}
				.section3 .container_right p:nth-child(2), .section4 .container_left p:nth-child(2){
					margin-top: 15px;
				}
				.section3 .container_left .content_title{
					display:flex;
				}
				.container4_left p{
					display: none;
				}
				.section4 .container_right p{
					font-size: 14px;
				}
				.section4  .info_title{
					margin-top: 10px;
				}
				.section4 .container4_left{
					padding: 0;
					background: none;
				}
				.container4_left img{
					display: block;
					
				}
				.section .container5_right{
					padding: 0;
					background: none;
				}
				.container5_right p:first-child{
					display: none;
				}
				.section5 .container5_right p{
					margin-bottom: 0px;
				}
				.section5 .content_title{
					display: flex;
				}
				.signature p{
					display: none;
				}
				.section5 input, .section5 textarea{
					height: 42px;
					margin-bottom: 10px;
				}
				.section4{
					background: rgb(238,237,242);
				}
				.section5{
					background: rgb(246,247,227);
				}
			}